<template>
	<a-config-provider :locale="locale">
		<a-alert v-if="!isChrome" type="error" showIcon closable>
			<template #icon> <caution theme="multi-color" size="24" :fill="['#ff6600' ,'#ffffff' ,'#ff6600' ,'#43CCF8']"/></template>
			<template #message>
				<div>当前浏览器可能会遇到未知的兼容问题，为了更好的体验，推荐使用Google Chrome浏览器，<a href="https://www.google.cn/chrome/">点击下载</a></div>
			</template>
		</a-alert>
		<router-view></router-view>
	</a-config-provider>
</template>
<script>
import zhCN from 'ant-design-vue/es/locale/zh_CN';
export default {
	data(){
		return {
			locale:zhCN,
			isChrome:true
		}
	},
	created(){
		this.isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
	}
}
</script>
<style lang="scss">
@import './styles/common.scss';
:root {
	--theme-color: #F26909;
	--theme-dark-color: #F0431C;
}

body,html{
	font-size: 12px;
	color: #515151;
}
.i-icon{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
  position: absolute;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
</style>
